@import "common.styl"
@import "vars.styl"
.tab-nav
  height 60px
  border-bottom 1px solid #e2e2e2
  box-shadow 0 5px 10px 0 rgba(210,210,210,0.6)
  ul
    li
      font-size 18px
      float left
      background-color #fff
      width 200px
      line-height 58px
      text-align center
      cursor pointer
      &.active
        position relative
        z-index 10
        color $lightColor
        font-size 20px
        font-weight bold
        &:after
          content ''
          width 10px
          height 10px
          position absolute
          bottom -3px
          left 50%
          border-top 1px solid transparent
          border-right 1px solid transparent
          border-left 1px solid #e2e2e2
          border-bottom 1px solid #e2e2e2
          box-shadow -3px 1px 8px 0 rgba(190,190,190,0.4)
          background-color #ffffff
          transform rotate(-45deg) translateX(-50%)
          z-index -2
.section
  margin-bottom 90px
  .section-hd
    font-size 20px
    padding 90px 0



.technology
  ul
    width 320px
    &.fl
      margin-top 50px
    li
      height 60px
      line-height 60px
      font-size 16px
      margin-bottom 50px
      .icon
        width 60px
        height 60px
        line-height 60px
        text-align center
        border-radius 100%
        background-color $lightColor
        color #fff
        margin 0 10px
        i
          font-size 34px
  .technology-desc
    margin-top 30px
    line-height 1.75
    font-size 18px
  .robot
    margin 0 30px



.advantace
  .row1
    display inline-block
    margin-bottom 40px
    .advantace-item
      &:nth-child(3)
        margin-right 0
  .row2
    display inline-block
    .advantace-item
      &:nth-child(2)
        margin-right 0
  .advantace-item
    width 300px
    height 430px
    float left
    margin-right 40px
    border 1px solid $borderColor
    box-sizing border-box
    position relative
    img
      width 100%
      height 180px
    h3
      font-size 18px
      padding 20px 20px
      text-align center
    p
      color $garyColor
      line-height 1.75
      padding 0 20px 20px
      text-align left




.scene
  .scene-item
    width 520px
    dl
      padding 30px
      height 200px
      dt
        font-size 20px
        text-align center
        margin-bottom 20px
      dd
        line-height 1.75
    .scene-type
      font-size 16px
      padding 20px 0
    &:last-child
      margin-right 0


.process
  .process-item
    width 550px
    height 150px
    margin-right 100px
    margin-bottom 30px
    float left
    border 1px solid $lightColor
    &:nth-child(even)
      margin-right 0
    .process-hd
      width 150px
      height 100%
      background-color $lightColor
      color #ffffff
      text-align center
      padding-top 35px
      i
        font-size 30px
      p
        font-size 18px
        padding 20px 0
    .process-bd
      width 398px
      height 100%
      padding 20px
      line-height 1.75